// 下载插件  npm i redux

// 引入redux仓库
import store from "./redux";
import {useState} from 'react'

import Child from './components/Child'
export default function App() {
    let [num,setNum]=useState(store.getState().num)
    // store.getState 获取仓库状态
    console.log(store);
    // 点击add  用dispatch提交
    let add = () => {
        // 提交action 用来改变状态   参数为action {type:''}
        store.dispatch({
            type:'ADD'
        })
    }
    let add10 = () => {
        store.dispatch({
            type:'ADD_10',
            playload:10
        })
    }
    store.subscribe(()=>{
        console.log('状态改变了');
        console.log(store.getState().num);
        setNum(store.getState().num)
    })
    return (
        <div>
            <h1>redux 基本用法---根组件-----{num}</h1>
            <button onClick={add}>++</button>
            <button onClick={add10}>+10</button>
        {/* 使用 引入过的Child组件 */}
        <Child></Child>
    
        </div>
    )
}

